<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
	<title>桌位分配</title>
	<!-- Bootstrap -->
	<link href="../assets/css/bootstrap.min.css" rel="stylesheet">
	<link href="fonts/iconfont.css" rel="stylesheet">
	<link href="../assets/css/style.css" rel="stylesheet" />
	<link href="../assets/css/tabletable.css" rel="stylesheet" />
	<link href="../assets/css/motai.css" rel="stylesheet" />
	<link href="../assets/css/imagebox/image_box.css" rel="stylesheet" />
	<link href="../assets/css/content.css" rel="stylesheet" />
	<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
		      <script src="../assets/js/html5shiv.min.js"></script>
		      <script src="../assets/js/respond.min.js"></script>
		      <![endif]-->

		  </head>

		  <body>
		  	<!--内容区域-->
		  	<div class="content">

		  		<!-- 头部的餐厅选择 -->
		  		<div class="content-header col-md-12">
		  			<div class="con-header">
		  				<div class="col-md-12 col-sm-12 col-xs-12">
		  					<span class="content-title-pre"></span><span class="content-title-word">桌位分配</span>
		  				</div>
		  			</div>
		  		</div>
		  		<div class="row"></div>
		  		<div class="container-fluid zwfp_list">
		  			<div class="row">
		  				<ul class="zwfp_list_ul col-lg-12">
		  					<li class="active">按桌位</li>
		  					<li>按服务员</li>
		  					<li>分配历史</li>
		  					<div class="clear"></div>
		  				</ul>
		  			</div>

		  		</div>

		  		<!-- botstrop 的内容 按桌位的开始-->
		  		<div class="container-fluid mt20  zwfp_content_list">
		  			<div class="row zwfp_chose_row">
		  				<div class="col-lg-2 col-md-2 col-sm-3 col-xs-6 zwfp_dpaa_rt">
		  					<!-- <div class="zwfp_chose_list active"> -->
		  					<div class="zwfp_chose_list">
		  						<span>张三</span>
		  						&nbsp;
		  						<span>11台</span>
		  					</div>
		  					<i class="iconfont icon-gou zwfp-i "></i>	
		  				</div>
		  				<div class="col-lg-2 col-md-2 col-sm-3 col-xs-6 zwfp_dpaa_rt">
		  					<!-- <div class="zwfp_chose_list active"> -->
		  					<div class="zwfp_chose_list">
		  						<span>张三</span>
		  						&nbsp;
		  						<span>11台</span>
		  					</div>
		  					<i class="iconfont icon-gou zwfp-i "></i>	
		  				</div>
		  				<div class="col-lg-2 col-md-2 col-sm-3 col-xs-6 zwfp_dpaa_rt">
		  					<!-- <div class="zwfp_chose_list active"> -->
		  					<div class="zwfp_chose_list">
		  						<span>张三</span>
		  						&nbsp;
		  						<span>11台</span>
		  					</div>
		  					<i class="iconfont icon-gou zwfp-i "></i>	
		  				</div>
		  				<div class="col-lg-2 col-md-2 col-sm-3 col-xs-6 zwfp_dpaa_rt">
		  					<!-- <div class="zwfp_chose_list active"> -->
		  					<div class="zwfp_chose_list">
		  						<span>张三</span>
		  						&nbsp;
		  						<span>11台</span>
		  					</div>
		  					<i class="iconfont icon-gou zwfp-i "></i>	
		  				</div>
		  				<div class="col-lg-2 col-md-2 col-sm-3 col-xs-6 zwfp_dpaa_rt">
		  					<!-- <div class="zwfp_chose_list active"> -->
		  					<div class="zwfp_chose_list">
		  						<span>张三</span>
		  						&nbsp;
		  						<span>11台</span>
		  					</div>
		  					<i class="iconfont icon-gou zwfp-i "></i>	
		  				</div>
		  				<div class="col-lg-2 col-md-2 col-sm-3 col-xs-6 zwfp_dpaa_rt">
		  					<!-- <div class="zwfp_chose_list active"> -->
		  					<div class="zwfp_chose_list">
		  						<span>张三</span>
		  						&nbsp;
		  						<span>11台</span>
		  					</div>
		  					<i class="iconfont icon-gou zwfp-i "></i>	
		  				</div>

		  				<div class="clear"></div>
		  				<div class="row">
		  					<div class="col-lg-12 mt10">
		  						<div class="zwfp_quanbuqingli">全部清理</div>
		  						<div class="zwfp_qingli">清理</div>
		  						<div class="clear"></div>
		  					</div>
		  				</div>
		  				

		  			</div>


		  			<!-- 桌位情况 -->
		  			<div class="row padding_row zwxq_list">

		  				<div class="col-lg-2 col-md-2 col-sm-3 col-xs-3 pding-lr zwfp_seat_fu">
		  					<div class="zwfp_seat">
		  						<p>张三</p>
		  						<span>A01</span>
		  					</div>
		  				</div>

		  				<div class="col-lg-2 col-md-2 col-sm-3 col-xs-3 pding-lr zwfp_seat_fu">
		  					<div class="zwfp_seat ">
		  						<p>张三</p>
		  						<span>A02</span>
		  					</div>
		  				</div>
		  				<div class="col-lg-2 col-md-2 col-sm-3 col-xs-3 pding-lr zwfp_seat_fu">
		  					<div class="zwfp_seat">
		  						<p>张三</p>
		  						<span>A01</span>
		  					</div>
		  				</div>
		  				<div class="col-lg-2 col-md-2 col-sm-3 col-xs-3 pding-lr zwfp_seat_fu">
		  					<div class="zwfp_seat">
		  						<p>张三</p>
		  						<span>A01</span>
		  					</div>
		  				</div>
		  				<div class="col-lg-2 col-md-2 col-sm-3 col-xs-3 pding-lr zwfp_seat_fu">
		  					<div class="zwfp_seat">
		  						<p>张三</p>
		  						<span>A01</span>
		  					</div>
		  				</div>
		  				<div class="col-lg-2 col-md-2 col-sm-3 col-xs-3 pding-lr zwfp_seat_fu">
		  					<div class="zwfp_seat">
		  						<p>张三</p>
		  						<span>A01</span>
		  					</div>
		  				</div>
		  				<div class="col-lg-2 col-md-2 col-sm-3 col-xs-3 pding-lr zwfp_seat_fu">
		  					<div class="zwfp_seat">
		  						<p>张三</p>
		  						<span>A01</span>
		  					</div>
		  				</div>
		  				<div class="col-lg-2 col-md-2 col-sm-3 col-xs-3 pding-lr zwfp_seat_fu">
		  					<div class="zwfp_seat">
		  						<p>张三</p>
		  						<span>A01</span>
		  					</div>
		  				</div>
		  				<div class="col-lg-2 col-md-2 col-sm-3 col-xs-3 pding-lr zwfp_seat_fu">
		  					<div class="zwfp_seat ">
		  						<p>张三</p>
		  						<span>A02</span>
		  					</div>
		  				</div>
		  				<div class="col-lg-2 col-md-2 col-sm-3 col-xs-3 pding-lr zwfp_seat_fu">
		  					<div class="zwfp_seat ">
		  						<p>张三</p>
		  						<span>A02</span>
		  					</div>
		  				</div>
		  				<div class="col-lg-2 col-md-2 col-sm-3 col-xs-3 pding-lr zwfp_seat_fu">
		  					<div class="zwfp_seat">
		  						<p>张三</p>
		  						<span>A01</span>
		  					</div>
		  				</div>
		  				<div class="col-lg-2 col-md-2 col-sm-3 col-xs-3 pding-lr zwfp_seat_fu">
		  					<div class="zwfp_seat">
		  						<p>张三</p>
		  						<span>A01</span>
		  					</div>
		  				</div>
		  				<div class="col-lg-2 col-md-2 col-sm-3 col-xs-3 pding-lr zwfp_seat_fu">
		  					<div class="zwfp_seat">
		  						<p>张三</p>
		  						<span>A01</span>
		  					</div>
		  				</div>
		  				<div class="col-lg-2 col-md-2 col-sm-3 col-xs-3 pding-lr zwfp_seat_fu">
		  					<div class="zwfp_seat">
		  						<p>张三</p>
		  						<span>A01</span>
		  					</div>
		  				</div>
		  				<div class="col-lg-2 col-md-2 col-sm-3 col-xs-3 pding-lr zwfp_seat_fu">
		  					<div class="zwfp_seat">
		  						<p>张三</p>
		  						<span>A01</span>
		  					</div>
		  				</div>
		  				<div class="col-lg-2 col-md-2 col-sm-3 col-xs-3 pding-lr zwfp_seat_fu">
		  					<div class="zwfp_seat">
		  						<p>张三</p>
		  						<span>A01</span>
		  					</div>
		  				</div>
		  				<div class="col-lg-2 col-md-2 col-sm-3 col-xs-3 pding-lr zwfp_seat_fu">
		  					<div class="zwfp_seat">
		  						<p>张三</p>
		  						<span>A01</span>
		  					</div>
		  				</div>
		  				<div class="col-lg-2 col-md-2 col-sm-3 col-xs-3 pding-lr zwfp_seat_fu">
		  					<div class="zwfp_seat">
		  						<p>张三</p>
		  						<span>A01</span>
		  					</div>
		  				</div>

		  			</div>
		  			<!-- 桌位情况的结束 -->
		  		</div>
		  		<!-- 第一个按照桌位的结束 -->
		  		<!-- 第二个按照服务员的开始 -->
		  		<div class="container-fluid zwfp_container_fluid2 hidden zwfp_content_list">
		  			<div class="table-responsive mt20">
		  				<table class="table">
		  					<thead class="tablethead">
		  						<tr>
		  							<th class="firstth" valign="middle">头像</th>
		  							<th class="secondta">姓名</th>
		  							<th>桌位</th>

		  						</tr>
		  					</thead>
		  					<tbody class="mytable">
		  						<tr>
		  							<td class="firsttd" valign="middle">
		  								<img src="../assets/images/174111bfzxgr6gee6uf6wg.jpg" class="zwfp_list_img">
		  							</td>
		  							<td class="secondta">大圣烧烤</td>
		  							<td class="btn motaikuang-btn" data-toggle="modal" data-target="#myModal">
		  								<div>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  								</div>
		  								<div>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>


		  									
		  								</div>
		  							</td>
		  						</tr>
		  						<tr>
		  							<td class="firsttd" valign="middle">
		  								<img src="../assets/images/174111bfzxgr6gee6uf6wg.jpg" class="zwfp_list_img">
		  							</td>
		  							<td class="secondta">大圣烧烤</td>
		  							<td class="btn motaikuang-btn" data-toggle="modal" data-target="#myModal">
		  								<div>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  								</div>
		  								<div>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  								</div>

		  							</td>
		  						</tr>
		  						<tr>
		  							<td class="firsttd" valign="middle">
		  								<img src="../assets/images/174111bfzxgr6gee6uf6wg.jpg" class="zwfp_list_img">
		  							</td>
		  							<td class="secondta">大圣烧烤</td>
		  							<td class="btn motaikuang-btn" data-toggle="modal" data-target="#myModal">
		  								<div>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  								</div>
		  								<div>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  								</div>

		  							</td>
		  						</tr>
		  						<tr class="min-height74">
		  							<td class="firsttd" valign="middle">
		  								<img src="../assets/images/174111bfzxgr6gee6uf6wg.jpg" class="zwfp_list_img">
		  							</td>
		  							<td class="secondta">大圣烧烤</td>
		  							<td class="btn motaikuang-btn" data-toggle="modal" data-target="#myModal">
		  								<div>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  								</div>
		  								<div>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  								</div>


		  							</td>
		  						</tr>
		  					</tbody>
		  				</table>
		  			</div>
		  		</div>
		  		<!-- 第二个按照服务员的结束 -->
		  		<!-- 第三个按照分配历史 -->
		  		<div class="container-fluid zwfp_container_fluid2 hidden zwfp_content_list">
		  			<div class="content_serach row">
		  				<input type="text" class="form-control serach_input  width150" placeholder="请输入姓名">
		  				<div class="modal_header_time">
		  					<span class="modal_header_time_lf top0"><i class="iconfont icon-xiangzuo1"></i></span>
		  					<span class="modal_header_time_rt top0"><i class="iconfont icon-xiangyou1"></i></span>
		  					<input type="text" name="" class="modal_header_input ml0  mt0 mt-10" value="2016-12-16">
		  				</div>
		  				<div class="modal_header_time">
		  					至
		  				</div>	
		  				<div class="modal_header_time">
		  					<span class="modal_header_time_lf top0"><i class="iconfont icon-xiangzuo1"></i></span>
		  					<span class="modal_header_time_rt top0"><i class="iconfont icon-xiangyou1"></i></span>
		  					<input type="text" name="" class="modal_header_input ml0  mt0 mt-10" value="2016-12-16">
		  				</div>

		  				<button type="button" class="btn btn-info serach_btn ">搜索&nbsp;&nbsp;<i class="icon iconfont icon-sousuo icon_serach"></i></button>
		  			</div>
		  			<div class="table-responsive mt20">
		  				<table class="table">
		  					<thead class="tablethead">
		  						<tr>
		  							<th class="firstth3" valign="middle">时间</th>
		  							<th class="secondta3">服务员</th>
		  							<th>类型</th>
		  							<th>桌位</th>
		  						</tr>
		  					</thead>
		  					<tbody class="mytable">
		  						<tr>
		  							<td class="firsttd3" >
		  								2016-10-10
		  							</td>
		  							<td class="secondta3">带还得说</td>
		  							<td class="zwfp_td_boder_bootm">
		  								<div>新增</div>
		  								<div>当前</div>
		  							</td>
		  							<td class="zwfp_td_boder_bootm2">
		  								<div>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>

		  								</div>
		  								<div>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>


		  									
		  								</div>
		  							</td>
		  						</tr>
		  						<tr>
		  							<td class="firsttd3" >
		  								2016-10-10
		  							</td>
		  							<td class="secondta3">带还得说</td>
		  							<td class="zwfp_td_boder_bootm">
		  								<div>新增</div>
		  								<div>当前</div>
		  							</td>
		  							<td class="zwfp_td_boder_bootm2">
		  								<div>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									
		  								</div>
		  								<div>
		  									<span>
		  										<span>A401</span>
		  										<span>A401</span>
		  										<span>A401</span>
		  										<span>A401</span>
		  										<span>A401</span>
		  										
		  									</span>
		  								</div>
		  							</td>
		  						</tr>
		  						<tr>
		  							<td class="firsttd3" >
		  								2016-10-10
		  							</td>
		  							<td class="secondta3">带还得说</td>
		  							<td class="zwfp_td_boder_bootm">
		  								<div>新增</div>
		  								<div>当前</div>
		  							</td>
		  							<td class="zwfp_td_boder_bootm2">
		  								<div>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									
		  								</div>
		  								<div>
		  									<span>
		  										<span>A401</span>
		  										<span>A401</span>
		  										<span>A401</span>
		  										<span>A401</span>
		  										<span>A401</span>
		  										
		  									</span>
		  								</div>
		  							</td>
		  						</tr>
		  						<tr>
		  							<td class="firsttd3" >
		  								2016-10-10
		  							</td>
		  							<td class="secondta3">带还得说</td>
		  							<td class="zwfp_td_boder_bootm">
		  								<div>新增</div>
		  								<div>当前</div>
		  							</td>
		  							<td class="zwfp_td_boder_bootm2">
		  								<div>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									<span>A401</span>
		  									
		  								</div>
		  								<div>
		  									<span>
		  										<span>A401</span>
		  										<span>A401</span>
		  										<span>A401</span>
		  										<span>A401</span>
		  										<span>A401</span>
		  										
		  									</span>
		  								</div>
		  							</td>
		  						</tr>

		  					</tbody>
		  				</table>
		  			</div>
		  		</div>
		  		<!-- 第三个按照分配历史的结束 -->


		  	</div>


		  	<!-- 模态框 -->
		  	<!-- 模态框（Modal） -->
		  	<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		  		<div class="modal-dialog">
		  			<div class="modal-content">
		  				<div class="modal-body">
		  					<div class="row afwyfp-list anfuwuyuan-fu">
		  						<div class="col-sm-3 col-xs-3 pding-lr zwfp_seat_fu anfuwuyuan ">
		  							<div class="zwfp_seat">
		  								<p>张三</p>
		  								<span>A01</span>
		  							</div>
		  						</div>

		  						<div class="col-sm-3 col-xs-3 pding-lr zwfp_seat_fu anfuwuyuan">
		  							<div class="zwfp_seat ">
		  								<p>张三</p>
		  								<span>A02</span>
		  							</div>
		  						</div>
		  						<div class="col-sm-3 col-xs-3 pding-lr zwfp_seat_fu anfuwuyuan">
		  							<div class="zwfp_seat">
		  								<p>张三</p>
		  								<span>A01</span>
		  							</div>
		  						</div>
		  						<div class="col-sm-3 col-xs-3 pding-lr zwfp_seat_fu anfuwuyuan">
		  							<div class="zwfp_seat">
		  								<p>张三</p>
		  								<span>A01</span>
		  							</div>
		  						</div>
		  						<div class="col-sm-3 col-xs-3 pding-lr zwfp_seat_fu anfuwuyuan">
		  							<div class="zwfp_seat">
		  								<p>张三</p>
		  								<span>A01</span>
		  							</div>
		  						</div>
		  						<div class="col-sm-3 col-xs-3 pding-lr zwfp_seat_fu anfuwuyuan">
		  							<div class="zwfp_seat">
		  								<p>张三</p>
		  								<span>A01</span>
		  							</div>
		  						</div>
		  						<div class="col-sm-3 col-xs-3 pding-lr zwfp_seat_fu anfuwuyuan">
		  							<div class="zwfp_seat">
		  								<p>张三</p>
		  								<span>A01</span>
		  							</div>
		  						</div>
		  						<div class="col-sm-3 col-xs-3 pding-lr zwfp_seat_fu anfuwuyuan">
		  							<div class="zwfp_seat">
		  								<p>张三</p>
		  								<span>A01</span>
		  							</div>
		  						</div>
		  						<div class="col-sm-3 col-xs-3 pding-lr zwfp_seat_fu anfuwuyuan">
		  							<div class="zwfp_seat ">
		  								<p>张三</p>
		  								<span>A02</span>
		  							</div>
		  						</div>
		  						<div class="col-sm-3 col-xs-3 pding-lr zwfp_seat_fu anfuwuyuan">
		  							<div class="zwfp_seat ">
		  								<p>张三</p>
		  								<span>A02</span>
		  							</div>
		  						</div>
		  						<div class="col-sm-3 col-xs-3 pding-lr zwfp_seat_fu anfuwuyuan">
		  							<div class="zwfp_seat">
		  								<p>张三</p>
		  								<span>A01</span>
		  							</div>
		  						</div>
		  						<div class="col-sm-3 col-xs-3 pding-lr zwfp_seat_fu anfuwuyuan">
		  							<div class="zwfp_seat">
		  								<p>张三</p>
		  								<span>A01</span>
		  							</div>
		  						</div>
		  					</div>
		  				</div>
		  				<div class="modal-footer shangjiaguanli_foot">
		  					<button type="button" class="btn anfuwuyuan_quxiao">取消全部</button>
		  					<button type="button" class="btn save anfuwuyuan_save">保存</button>
		  					<button type="button" class="btn  close_motai anfuwuyuan_close" data-dismiss="modal">关闭</button>
		  				</div>
		  			</div>
		  			<!-- /.modal-content -->
		  		</div>
		  		<!-- /.modal -->
		  	</div>

		  </body>
		  <script src="../assets/js/jquery.min.js"></script>
		  <script src="../assets/js/bootstrap.min.js"></script>
		  <script src="../assets/js/main.js"></script>
		  <script type="text/javascript">
		  	colorStyle();
			// 给奇数行和偶数行不同的颜色
			function colorStyle() {
				$(".mytable").find("tr:even").addClass("oushu");
				$(".mytable").find("tr:odd").addClass("jishu");
				$(".mytable").find("tr:even td:first-child").addClass("oushu");
				$(".mytable").find("tr:odd td:first-child").addClass("jishu");
			}
			// a按桌位分配里面的服务员
			$('.zwfp_chose_list').on('click',function(){
				
				if ($(this).hasClass('active')) {
					$(this).parent().children('.zwfp_chose_list').removeClass('active');
					$(this).parent().children('i').removeClass('alive');
				}else{
					$(this).parent().siblings().children('i').removeClass('alive');
					$(this).siblings('i').addClass('alive');
					$(this).parent().siblings().children('.zwfp_chose_list').removeClass('active');
					$(this).addClass('active');
				}


			})
			// 按桌位分配里面的下边大放开
			$('.zwfp_seat').on('click',function(){
				if ($(this).hasClass('active')) {
					$(this).removeClass('active')
				}else{
					$(this).addClass('active')
				}
			})
			// 按桌位服务和历史分配的点击
			$('.zwfp_list_ul li').on('click',function(){

				$(this).siblings().removeClass('active');
				$(this).addClass('active');
				var index =$(this).index();
				$('.zwfp_content_list').addClass('hidden')
				$('.zwfp_content_list').eq(index).removeClass('hidden');
			})
			// 取消全部
			$('.anfuwuyuan_quxiao').on('click',function(){
				$('.anfuwuyuan').children('.zwfp_seat').removeClass('active')
			})
		</script>

		</html>